<!DOCTYPE HTML>
<html>
	<head>
	
		<title>GWTUpload: MultiUploader</title>
		<meta name="Author" content="Manuel Carrasco Moñino">
		<script language='javascript' src='gwtuploadsample.MultipleUploadSample.nocache.js'></script>
		<style type="text/css">@import url(Upload.css);</style>
 <style type="text/css">
    body {
        padding: 0px;
        margin: 0px;
        background-repeat: no-repeat;
        background: #879AAB;
        background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#879AAB)) fixed;
        background: -moz-linear-gradient(top,  #fff,  #879AAB) fixed;
        filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#879AAB');
    }
  </style>
	</head>
	<body>
		<div id="back" class="backPanel">
		  <a href="javascript:window.location = '../index.html' + window.location.search;">&laquo; back </a>
		</div>
		<h2>Multiple uploaders</h2>
    	<ul>
			<li>Multiple uploader using the provided <i>'BasicProgressBar'</i>. <br/>
			It has the limitations of 3 successful uploads, and no repeated files.<br/>
			It uses the browser input file widget.    
			  <div id="default" class="upldContainer"></div>
			</li>
		    <li>Multiple uploader using Incubator's <i>'ProgressBar'</i>. <br/> 
		    Only images are allowed. <br/>
		    It uses a customized link to open the file selector.   
		      <div id="incubator" class="upldContainer"></div>
		    </li>

		    <li>Multiple uploader using GWTChismes's <i>'GWTCProgressBar'</i>. <br/>
		    It uses a standard button to open the file selector.
		      <div id="chismes" class="upldContainer"></div>
		    </li>
        
            <li>Multiple uploaders in a widget created with UIBinder <br/>
              <div id="uibinder" class="upldContainer"></div>
            </li>
		</ul>
		<p id="thumbnails" class="thumbsContainer"></p>
		
        <!-- 
             Google Analytics code for the gwtupload project's web site.
             Remove it if you deploy this sample in your site 
        -->
		<script type="text/javascript">
		  document.write(unescape("%3Cscript src='http://www.google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
		</script>
		<script type="text/javascript">
		  try {var pageTracker = _gat._getTracker("UA-645641-9");pageTracker._trackPageview();} catch(err) {}
		</script>
		
        <iframe src="javascript:''"  id="__gwt_historyFrame" style="width:0;height:0;border:0"></iframe>
		
    </body>
</html>
